<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 视口（作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>喜邦-案例列表页</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">
  	<link rel="stylesheet" href="css/case_list.css">


	<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
	<script src="js/ie-emulation-modes-warning.js"></script>

	<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>



	 <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
          <img src="images/logo.png" alt="">
          </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">公司</a></li>
            <li><a href="#contact">案例</a></li>
            <li><a href="#contact"><img src="images/logo.png" alt=""></a></li>
            <li><a href="#contact">团队</a></li>
            <li><a href="#contact">咨询</a></li>
            <li><a href="#contact">联系</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

<!-- 广告轮廓图 -->
    <div class="banner">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="images/banner.png" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>

  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>



    </div>




    <div class="container ">
    	<div class="row menu">
    		<div class="col-xs-4 col-sm-4 col-md-4 text-right"><a href="" class="active">全案作品</a></div>
    		<div class="col-xs-4 col-sm-4 col-md-4 text-center"><a href="">设计作品</a></div>
    		<div class="col-xss-4 col-sm-4 col-md-4 text-left"><a href="">面膜作品</a></div>
    	</div>

		<div class="pos">
			所在位置：<a href="">首页</a>-案例
		</div>
		<div class="title">
        	<h3>案例展示</h3>
      
     	</div>
     	<div class="row list">
     		<div class="col-md-6 box">
     			<img src="images/caselist1.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... 熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新 </p>
     		</div>
     		<div class="col-md-6 box">
     			
     			<img src="images/caselist2.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... </p>
     		
     		</div>
     		<div class="col-md-6 box">
     			
     			<img src="images/caselist3.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... </p>
     		
     		</div>
     		<div class="col-md-6 box">
     			
     			<img src="images/caselist4.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... </p>
     		</div>
     		<div class="col-md-6 box">
     			
     			<img src="images/caselist5.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... </p>
     	
     		</div>
     		<div class="col-md-6 box">
     			
     			<img src="images/caselist6.png" alt="" class="img-responsive">
     			<h3>天姿曼</h3>

     			<p>  熬夜肌肤修复专家。天姿曼为广州美莲葆公司旗下品牌，十年来专注研发面膜，专业生产面膜和专精覃思探索消费者的需求，不断创新... </p>
     	
     		</div>
		</div>

<div class="clearfix"></div>

<nav aria-label="Page navigation ">
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">上一页</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">下一页</span>
      </a>
    </li>
  </ul>
</nav>

    </div>
    

    <div class="foot">
    	<div class="container ">
			<div class="row footer">
				<div class="col-md-2">
					<img src="images/logo2.png" alt="" class="logo">
				</div>
				<div class="col-md-6 center">
					<p>喜邦品牌十年深耕化妆品产业</p>
					<p>友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a href="">谷歌</a></p>
					<p>广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a></p>
				</div>
				<div class="col-md-4 right">
					<p>E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a></p>
					<p>全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a></p>
					<p>地址：广州市白云区新市齐富路联富大厦6018</p>
				</div>
			</div>
		</div>


    </div>

    

     <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>



</body>
</html>